<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="CSS/base.css">
    <link rel="stylesheet" href="bootstrap-3.4.1-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="CSS/register.css">
</head>

<body>
    <!-- 头部区域 -->
    <header>
        <div>
            <img src="images/logo1.png" alt="">
        </div>
    </header>
    <!-- 中间区域 -->
    <div class="middle">
        <div class="middle-box">
            <div class="box-left">
                <ul>
                    <li>
                        <img src="images/user.png" alt="">
                        <input type="text" value="请输入用户名/邮箱">
                    </li>
                    <li>
                        <img src="images/pass.png" alt="">
                        <input type="text" value="请设置密码">
                    </li>
                    <li>
                        <img src="images/pass.png" alt="">
                        <input type="text" value="请确认密码">
                    </li>
                    <li class="lastone">
                        <img src="images/code.png" alt="">
                        <input type="text" value="请输入验证码">
                        <img src="images/验证码.jfif" alt="" class="yanzhengma">
                        <a href="">换一张</a>
                    </li>
                </ul>
            </div>
            <span class="login1">已有账号
                <a href="index.html">马上登陆></a>
            </span>
            <div class="box-right">
                <ul>
                    <li>
                        <img src="images/user.png" alt="">
                        <input type="text" value="姓名">
                    </li>
                    <li>
                        <img src="images/unit.png" alt="">
                        <input type="text" value="单位/职称">
                    </li>
                    <li>
                        <img src="images/mail.png" alt="">
                        <input type="text" value="邮箱">
                    </li>
                    <button class="btn btn-primary">注册</button>
                </ul>
            </div>
            <span class="return1">暂不注册
                <a href="index.html">返回首页></a>
            </span>
        </div>
    </div>
    <!-- 底部部分 -->
    <footer>
        <div class="footer-left">
            <span>| 平台承接单位</span>
            <div class="footer-left-list1">
                <ul>
                    <li>北京科技大学</li>
                    <li>中国科学院宁波材料技术与工程研究所</li>
                    <li>天津南大通用数据技术股份有限公司</li>
                    <li>中国科学院数学与系统科学研究院</li>
                    <li>北京市计算中心</li>
                </ul>
            </div>
            <div class="footer-left-list2">
                <ul>
                    <li>中国科学院计算机网络信息中心</li>
                    <li>中国科学院高能物理研究所</li>
                    <li>国家超级计算天津中心</li>
                    <li>四川大学</li>
                    <li>清华大学</li>
                </ul>
            </div>
        </div>
        <div class="footer-right">
            <span>| 友情链接</span>
            <div class="footer-right-list1">
                <ul>
                    <li><a href="https://www.nhepsdc.cn/" target="_blank">国家高能物理科学数据中心</a></li>
                    <li><a href="https://ngdc.cncb.ac.cn/" target="_blank">国家基因组科学数据中心</a></li>
                    <li><a href="https://nmdc.cn/" target="_blank">国家微生物科学数据中心</a></li>
                    <li><a href="https://www.nssdc.ac.cn/mhsy/html/index.html" target="_blank">国家空间科学数据中心</a></li>
                    <li><a href="https://nadc.china-vo.org/" target="_blank">国家天文科学数据中心</a></li>
                    <li><a href="http://www.chinageoss.cn/dsp/home/index.jsp" target="_blank">国家对地观测科学数据中心</a></li>
                </ul>
            </div>
            <div class="footer-right-list2">
                <ul>
                    <li><a href="https://www.chinare.org.cn/" target="_blank">国家极地科学数据中心</a></li>
                    <li><a href="https://data.tpdc.ac.cn/zh-hans/" target="_blank">国家青藏高原科学数据中心</a></li>
                    <li><a href="http://www.nesdc.org.cn/" target="_blank">国家生态科学数据中心</a></li>
                    <li><a href="https://www.corrdata.org.cn/" target="_blank">国家材料腐蚀与防护科学数据中心</a></li>
                    <li><a href="http://www.ncdc.ac.cn/" target="_blank">国家冰川冻土沙漠科学数据中心</a></li>
                    <li><a href="https://www.nmdc.ac.cn/" target="_blank">国家计量科学数据中心</a></li>
                </ul>
            </div>
            <div class="footer-right-list3">
                <ul>
                    <li><a href="http://www.geodata.cn/" target="_blank">国家地球系统科学数据中心</a></li>
                    <li><a href="https://www.ncmi.cn/" target="_blank">国家人口健康科学数据中心</a></li>
                    <li><a href="http://www.nsdata.cn/" target="_blank">国家基础学科公共科学数据中心</a></li>
                    <li><a href="https://www.agridata.cn/#/home" target="_blank">国家农业科学数据中心</a></li>
                    <li><a href="http://www.forestdata.cn/" target="_blank">国家林业和草原科学数据中心</a></li>
                    <li><a href="https://data.cma.cn/" target="_blank">国家气象科学数据中心</a></li>
                </ul>
            </div>
            <div class="footer-right-list4">
                <ul>
                    <li><a href="https://data.earthquake.cn/" target="_blank">国家地震科学数据中心</a></li>
                    <li><a href="http://mds.nmdis.org.cn/" target="_blank">国家海洋科学数据中心</a></li>
                    <li><a href="https://www.corrdata.org.cn/" target="_blank">国家材料腐蚀与防护科学数据中心</a></li>
                </ul>
            </div>
            <p>版权所有©️国家材料基因工程数据汇交与管理服务平台</p>
        </div>
    </footer>
</body>

</html>